.cate {
    display: flex;

    .left {
        width: 100px;
        box-sizing: border-box;
        padding: 10px;
        background-color: rgb(242, 242, 242);

        .name {
            height: 60px;
            text-align: center;
            line-height: 60px;
        }

        .name.active {
            color: red;
            font-weight: bold;
        }
    }

    .right {
        flex: 1;



        .list2 {
            h2 {
                font-weight: bold;
                line-height: 40px;
                font-size: 20px;
            }

            .list3 {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-wrap: wrap;

                .item3 {
                    width: 30%;
                    text-align: center;
                    margin: 10px 0;

                    img {
                        width: 50%;
                    }
                }
            }
        }
    }
}